<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	    <link rel="stylesheet" href="../../css/aui.css">
	    <link rel="stylesheet" href="../../css/retrievePsd.css">
	    
	    <title>找回密码</title>
		<script src="../../js/common.js"></script>			 

    	<script src="../../js/api.js"></script>
    	<script src="../../js/aui-toast.js"></script>
	</head>
	<body>
		
		<div id="box">
		
			<div class="WD-shenti">


				<div class="WD-nav">


					<div class="WD-info flex al">
						<div class="lmLogo">
							<img src="../../img/phone.png" />
						</div>

						<div class="inp">
							<input type="text" placeholder="请输入手机号" v-model='register.userPhone' />
						</div>
					</div>

					<div class="WD-info flex al">
						<div class="lmLogo">
							<img src="../../img/shield.png" />
						</div>

						<div class="need flex between">
							<div class="inp">
								<input type="text" placeholder="请输入图形验证码" />
							</div>

							<div class="yzm" onclick="clickCode(this)">
								<img :src="validateImgSrc" />
							</div>
						</div>

					</div>

					<div class="WD-info flex al">
						<div class="lmLogo">
							<img src="../../img/emil.png" />
						</div>

						<div class="need flex between">
							<div class="inp">
								<input type="text" placeholder="请输入短信验证码"  v-model="register.sendCode" onblur="checkMessage(app.register)"/>
							</div>

							<div class="dxyzm">
								<div class="getCode"onclick="sendMessage(this,app.register)">获取验证码</div>
							</div>
						</div>
					</div>
					<div class="WD-info flex al">
						<div class="lmLogo">
							<div class="password"></div>
						</div>
						<div class="passwordone">
							<input type="password" placeholder="请输入密码" v-model='register.loginPwd'/>
						</div>
					</div>

					<div class="WD-info flex al">
						<div class="lmLogo">
							<div class="password"></div>
						</div>
						<div class="passwordtwo">
							<input type="password" placeholder="请再次输入密码" v-model="register.password_confirm"/>
						</div>
					</div>

				</div>
				<div class="next" style="margin-top: 1.9rem" @click="retrievePwd">提交</div>
			</div>

		</div>
        <script src="../../js/vue.min.js"></script>
        <script src=" ../../js/vue-resource.min.js"> </script>
        <script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
            // showDefault('success','发送成功');
			var app=new Vue({
                el:".WD-shenti",
				data:{
					register:{

						userPhone:'15030102915',
						sendCode:'',
						loginPwd:'',
						password_confirm:''
					},
					name:'xyy',
				},
				methods:{
					retrievePwd:function(){
						this.$http.post(SURL+'app/users/retrievePwd',this.register,{emulateJSON : true}).then(function(res){
							if(res.body.status==1){
                                showDefault('success',res.body.msg)
							}
							console.log(res)
						})
					}
				}
			})





		</script>
	</body>
</html>
	

	
	

	
	
		

		
